module.exports = {
  future: {
    // removeDeprecatedGapUtilities: true,
    // purgeLayersByDefault: true,
    // defaultLineHeights: true,
    // standardFontWeights: true
  },
  purge: [],
  target: "relaxed",
  prefix: "",
  important: false,
  separator: ":",
  theme: {
    screens: {
      sm: "640px",
      md: "768px",
      lg: "1024px",
      xl: "1280px"
    },
    colors: {
      transparent: "transparent",
      current: "currentColor",
      black: "#000",
      white: "#fff",
      gray: {
        "100": "#f7fafc",
        "200": "#edf2f7",
        "300": "#e2e8f0",
        "400": "#cbd5e0",
        "500": "#a0aec0",
        "600": "#718096",
        "700": "#4a5568",
        "800": "#2d3748",
        "900": "#1a202c"
      },
      red: {
        "100": "#fff5f5",
        "200": "#fed7d7",
        "300": "#feb2b2",
        "400": "#fc8181",
        "500": "#f56565",
        "600": "#e53e3e",
        "700": "#c53030",
        "800": "#9b2c2c",
        "900": "#742a2a"
      },
      orange: {
        "100": "#fffaf0",
        "200": "#feebc8",
        "300": "#fbd38d",
        "400": "#f6ad55",
        "500": "#ed8936",
        "600": "#dd6b20",
        "700": "#c05621",
        "800": "#9c4221",
        "900": "#7b341e"
      },
      yellow: {
        "100": "#fffff0",
        "200": "#fefcbf",
        "300": "#faf089",
        "400": "#f6e05e",
        "500": "#ecc94b",
        "600": "#d69e2e",
        "700": "#b7791f",
        "800": "#975a16",
        "900": "#744210"
      },
      green: {
        "100": "#f0fff4",
        "200": "#c6f6d5",
        "300": "#9ae6b4",
        "400": "#68d391",
        "500": "#48bb78",
        "600": "#38a169",
        "700": "#2f855a",
        "800": "#276749",
        "900": "#22543d"
      },
      teal: {
        "100": "#e6fffa",
        "200": "#b2f5ea",
        "300": "#81e6d9",
        "400": "#4fd1c5",
        "500": "#38b2ac",
        "600": "#319795",
        "700": "#2c7a7b",
        "800": "#285e61",
        "900": "#234e52"
      },
      blue: {
        "100": "#ebf8ff",
        "200": "#bee3f8",
        "300": "#90cdf4",
        "400": "#63b3ed",
        "500": "#4299e1",
        "600": "#3182ce",
        "700": "#2b6cb0",
        "800": "#2c5282",
        "900": "#2a4365"
      },
      indigo: {
        "100": "#ebf4ff",
        "200": "#c3dafe",
        "300": "#a3bffa",
        "400": "#7f9cf5",
        "500": "#667eea",
        "600": "#5a67d8",
        "700": "#4c51bf",
        "800": "#434190",
        "900": "#3c366b"
      },
      purple: {
        "100": "#faf5ff",
        "200": "#e9d8fd",
        "300": "#d6bcfa",
        "400": "#b794f4",
        "500": "#9f7aea",
        "600": "#805ad5",
        "700": "#6b46c1",
        "800": "#553c9a",
        "900": "#44337a"
      },
      pink: {
        "100": "#fff5f7",
        "200": "#fed7e2",
        "300": "#fbb6ce",
        "400": "#f687b3",
        "500": "#ed64a6",
        "600": "#d53f8c",
        "700": "#b83280",
        "800": "#97266d",
        "900": "#702459"
      }
    },
    spacing: {
      "0": "0",
      "1": "0.25rem",
      "2": "0.5rem",
      "3": "0.75rem",
      "4": "1rem",
      "5": "1.25rem",
      "6": "1.5rem",
      "8": "2rem",
      "10": "2.5rem",
      "12": "3rem",
      "16": "4rem",
      "20": "5rem",
      "24": "6rem",
      "32": "8rem",
      "40": "10rem",
      "48": "12rem",
      "56": "14rem",
      "64": "16rem",
      px: "1px"
    },
    backgroundImage: {
      none: "none",
      "gradient-to-t": "linear-gradient(to top, var(--gradient-color-stops))",
      "gradient-to-tr": "linear-gradient(to top right, var(--gradient-color-stops))",
      "gradient-to-r": "linear-gradient(to right, var(--gradient-color-stops))",
      "gradient-to-br": "linear-gradient(to bottom right, var(--gradient-color-stops))",
      "gradient-to-b": "linear-gradient(to bottom, var(--gradient-color-stops))",
      "gradient-to-bl": "linear-gradient(to bottom left, var(--gradient-color-stops))",
      "gradient-to-l": "linear-gradient(to left, var(--gradient-color-stops))",
      "gradient-to-tl": "linear-gradient(to top left, var(--gradient-color-stops))"
    },
    backgroundPosition: {
      bottom: "bottom",
      center: "center",
      left: "left",
      "left-bottom": "left bottom",
      "left-top": "left top",
      right: "right",
      "right-bottom": "right bottom",
      "right-top": "right top",
      top: "top"
    },
    backgroundSize: {
      auto: "auto",
      cover: "cover",
      contain: "contain"
    },
    borderRadius: {
      none: "0",
      sm: "0.125rem",
      default: "0.25rem",
      md: "0.375rem",
      lg: "0.5rem",
      xl: "0.75rem",
      "2xl": "1rem",
      "3xl": "1.5rem",
      full: "9999px"
    },
    borderWidth: {
      "0": "0",
      "2": "2px",
      "4": "4px",
      "8": "8px",
      default: "1px"
    },
    boxShadow: {
      xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
      sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
      default: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
      md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
      lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
      xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
      "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
      inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
      outline: "0 0 0 3px rgba(66, 153, 225, 0.5)",
      none: "none"
    },
    container: {},
    cursor: {
      auto: "auto",
      default: "default",
      pointer: "pointer",
      wait: "wait",
      text: "text",
      move: "move",
      "not-allowed": "not-allowed"
    },
    fill: {
      current: "currentColor"
    },
    flex: {
      "1": "1 1 0%",
      auto: "1 1 auto",
      initial: "0 1 auto",
      none: "none"
    },
    flexGrow: {
      "0": "0",
      default: "1"
    },
    flexShrink: {
      "0": "0",
      default: "1"
    },
    fontFamily: {
      sans: [
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "\"Segoe UI\"",
        "Roboto",
        "\"Helvetica Neue\"",
        "Arial",
        "\"Noto Sans\"",
        "sans-serif",
        "\"Apple Color Emoji\"",
        "\"Segoe UI Emoji\"",
        "\"Segoe UI Symbol\"",
        "\"Noto Color Emoji\""
      ],
      serif: [
        "Georgia",
        "Cambria",
        "\"Times New Roman\"",
        "Times",
        "serif"
      ],
      mono: [
        "Menlo",
        "Monaco",
        "Consolas",
        "\"Liberation Mono\"",
        "\"Courier New\"",
        "monospace"
      ]
    },
    fontSize: {
      xs: "0.75rem",
      sm: "0.875rem",
      base: "1rem",
      lg: "1.125rem",
      xl: "1.25rem",
      "2xl": "1.5rem",
      "3xl": "1.875rem",
      "4xl": "2.25rem",
      "5xl": "3rem",
      "6xl": "4rem"
    },
    fontWeight: {
      hairline: "100",
      thin: "200",
      light: "300",
      normal: "400",
      medium: "500",
      semibold: "600",
      bold: "700",
      extrabold: "800",
      black: "900"
    },
    inset: {
      "0": "0",
      auto: "auto"
    },
    letterSpacing: {
      tighter: "-0.05em",
      tight: "-0.025em",
      normal: "0",
      wide: "0.025em",
      wider: "0.05em",
      widest: "0.1em"
    },
    lineHeight: {
      "3": ".75rem",
      "4": "1rem",
      "5": "1.25rem",
      "6": "1.5rem",
      "7": "1.75rem",
      "8": "2rem",
      "9": "2.25rem",
      "10": "2.5rem",
      none: "1",
      tight: "1.25",
      snug: "1.375",
      normal: "1.5",
      relaxed: "1.625",
      loose: "2"
    },
    listStyleType: {
      none: "none",
      disc: "disc",
      decimal: "decimal"
    },
    maxHeight: {
      full: "100%",
      screen: "100vh"
    },
    minHeight: {
      "0": "0",
      full: "100%",
      screen: "100vh"
    },
    minWidth: {
      "0": "0",
      full: "100%"
    },
    objectPosition: {
      bottom: "bottom",
      center: "center",
      left: "left",
      "left-bottom": "left bottom",
      "left-top": "left top",
      right: "right",
      "right-bottom": "right bottom",
      "right-top": "right top",
      top: "top"
    },
    opacity: {
      "0": "0",
      "25": "0.25",
      "50": "0.5",
      "75": "0.75",
      "100": "1"
    },
    order: {
      "1": "1",
      "2": "2",
      "3": "3",
      "4": "4",
      "5": "5",
      "6": "6",
      "7": "7",
      "8": "8",
      "9": "9",
      "10": "10",
      "11": "11",
      "12": "12",
      first: "-9999",
      last: "9999",
      none: "0"
    },
    outline: {
      none: [
        "2px solid transparent",
        "2px"
      ],
      white: [
        "2px dotted white",
        "2px"
      ],
      black: [
        "2px dotted black",
        "2px"
      ]
    },
    stroke: {
      current: "currentColor"
    },
    strokeWidth: {
      "0": "0",
      "1": "1",
      "2": "2"
    },
    zIndex: {
      "0": "0",
      "10": "10",
      "20": "20",
      "30": "30",
      "40": "40",
      "50": "50",
      auto: "auto"
    },
    gridTemplateColumns: {
      "1": "repeat(1, minmax(0, 1fr))",
      "2": "repeat(2, minmax(0, 1fr))",
      "3": "repeat(3, minmax(0, 1fr))",
      "4": "repeat(4, minmax(0, 1fr))",
      "5": "repeat(5, minmax(0, 1fr))",
      "6": "repeat(6, minmax(0, 1fr))",
      "7": "repeat(7, minmax(0, 1fr))",
      "8": "repeat(8, minmax(0, 1fr))",
      "9": "repeat(9, minmax(0, 1fr))",
      "10": "repeat(10, minmax(0, 1fr))",
      "11": "repeat(11, minmax(0, 1fr))",
      "12": "repeat(12, minmax(0, 1fr))",
      none: "none"
    },
    gridAutoColumns: {
      auto: "auto",
      min: "min-content",
      max: "max-content",
      fr: "minmax(0, 1fr)"
    },
    gridColumn: {
      auto: "auto",
      "span-1": "span 1 / span 1",
      "span-2": "span 2 / span 2",
      "span-3": "span 3 / span 3",
      "span-4": "span 4 / span 4",
      "span-5": "span 5 / span 5",
      "span-6": "span 6 / span 6",
      "span-7": "span 7 / span 7",
      "span-8": "span 8 / span 8",
      "span-9": "span 9 / span 9",
      "span-10": "span 10 / span 10",
      "span-11": "span 11 / span 11",
      "span-12": "span 12 / span 12",
      "span-full": "1 / -1"
    },
    gridColumnStart: {
      "1": "1",
      "2": "2",
      "3": "3",
      "4": "4",
      "5": "5",
      "6": "6",
      "7": "7",
      "8": "8",
      "9": "9",
      "10": "10",
      "11": "11",
      "12": "12",
      "13": "13",
      auto: "auto"
    },
    gridColumnEnd: {
      "1": "1",
      "2": "2",
      "3": "3",
      "4": "4",
      "5": "5",
      "6": "6",
      "7": "7",
      "8": "8",
      "9": "9",
      "10": "10",
      "11": "11",
      "12": "12",
      "13": "13",
      auto: "auto"
    },
    gridTemplateRows: {
      "1": "repeat(1, minmax(0, 1fr))",
      "2": "repeat(2, minmax(0, 1fr))",
      "3": "repeat(3, minmax(0, 1fr))",
      "4": "repeat(4, minmax(0, 1fr))",
      "5": "repeat(5, minmax(0, 1fr))",
      "6": "repeat(6, minmax(0, 1fr))",
      none: "none"
    },
    gridAutoRows: {
      auto: "auto",
      min: "min-content",
      max: "max-content",
      fr: "minmax(0, 1fr)"
    },
    gridRow: {
      auto: "auto",
      "span-1": "span 1 / span 1",
      "span-2": "span 2 / span 2",
      "span-3": "span 3 / span 3",
      "span-4": "span 4 / span 4",
      "span-5": "span 5 / span 5",
      "span-6": "span 6 / span 6",
      "span-full": "1 / -1"
    },
    gridRowStart: {
      "1": "1",
      "2": "2",
      "3": "3",
      "4": "4",
      "5": "5",
      "6": "6",
      "7": "7",
      auto: "auto"
    },
    gridRowEnd: {
      "1": "1",
      "2": "2",
      "3": "3",
      "4": "4",
      "5": "5",
      "6": "6",
      "7": "7",
      auto: "auto"
    },
    transformOrigin: {
      center: "center",
      top: "top",
      "top-right": "top right",
      right: "right",
      "bottom-right": "bottom right",
      bottom: "bottom",
      "bottom-left": "bottom left",
      left: "left",
      "top-left": "top left"
    },
    scale: {
      "0": "0",
      "50": ".5",
      "75": ".75",
      "90": ".9",
      "95": ".95",
      "100": "1",
      "105": "1.05",
      "110": "1.1",
      "125": "1.25",
      "150": "1.5"
    },
    rotate: {
      "0": "0",
      "1": "1deg",
      "2": "2deg",
      "3": "3deg",
      "6": "6deg",
      "12": "12deg",
      "45": "45deg",
      "90": "90deg",
      "180": "180deg",
      "-180": "-180deg",
      "-90": "-90deg",
      "-45": "-45deg",
      "-12": "-12deg",
      "-6": "-6deg",
      "-3": "-3deg",
      "-2": "-2deg",
      "-1": "-1deg"
    },
    skew: {
      "0": "0",
      "1": "1deg",
      "2": "2deg",
      "3": "3deg",
      "6": "6deg",
      "12": "12deg",
      "-12": "-12deg",
      "-6": "-6deg",
      "-3": "-3deg",
      "-2": "-2deg",
      "-1": "-1deg"
    },
    transitionProperty: {
      none: "none",
      all: "all",
      default: "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
      colors: "background-color, border-color, color, fill, stroke",
      opacity: "opacity",
      shadow: "box-shadow",
      transform: "transform"
    },
    transitionTimingFunction: {
      linear: "linear",
      in: "cubic-bezier(0.4, 0, 1, 1)",
      out: "cubic-bezier(0, 0, 0.2, 1)",
      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
    },
    transitionDuration: {
      "75": "75ms",
      "100": "100ms",
      "150": "150ms",
      "200": "200ms",
      "300": "300ms",
      "500": "500ms",
      "700": "700ms",
      "1000": "1000ms"
    },
    transitionDelay: {
      "75": "75ms",
      "100": "100ms",
      "150": "150ms",
      "200": "200ms",
      "300": "300ms",
      "500": "500ms",
      "700": "700ms",
      "1000": "1000ms"
    },
    animation: {
      none: "none",
      spin: "spin 1s linear infinite",
      ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
      pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
      bounce: "bounce 1s infinite"
    },
    keyframes: {
      spin: {
        to: {
          transform: "rotate(360deg)"
        }
      },
      ping: {
        "75%, 100%": {
          transform: "scale(2)",
          opacity: "0"
        }
      },
      pulse: {
        "50%": {
          opacity: ".5"
        }
      },
      bounce: {
        "0%, 100%": {
          transform: "translateY(-25%)",
          animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
        },
        "50%": {
          transform: "none",
          animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
        }
      }
    }
  },
  variants: {
    accessibility: [
      "responsive",
      "focus"
    ],
    alignContent: [
      "responsive"
    ],
    alignItems: [
      "responsive"
    ],
    alignSelf: [
      "responsive"
    ],
    appearance: [
      "responsive"
    ],
    backgroundAttachment: [
      "responsive"
    ],
    backgroundClip: [
      "responsive"
    ],
    backgroundColor: [
      "responsive",
      "hover",
      "focus"
    ],
    backgroundImage: [
      "responsive"
    ],
    gradientColorStops: [
      "responsive",
      "hover",
      "focus"
    ],
    backgroundOpacity: [
      "responsive",
      "hover",
      "focus"
    ],
    backgroundPosition: [
      "responsive"
    ],
    backgroundRepeat: [
      "responsive"
    ],
    backgroundSize: [
      "responsive"
    ],
    borderCollapse: [
      "responsive"
    ],
    borderColor: [
      "responsive",
      "hover",
      "focus"
    ],
    borderOpacity: [
      "responsive",
      "hover",
      "focus"
    ],
    borderRadius: [
      "responsive"
    ],
    borderStyle: [
      "responsive"
    ],
    borderWidth: [
      "responsive"
    ],
    boxShadow: [
      "responsive",
      "hover",
      "focus"
    ],
    boxSizing: [
      "responsive"
    ],
    container: [
      "responsive"
    ],
    cursor: [
      "responsive"
    ],
    display: [
      "responsive"
    ],
    divideColor: [
      "responsive"
    ],
    divideOpacity: [
      "responsive"
    ],
    divideStyle: [
      "responsive"
    ],
    divideWidth: [
      "responsive"
    ],
    fill: [
      "responsive"
    ],
    flex: [
      "responsive"
    ],
    flexDirection: [
      "responsive"
    ],
    flexGrow: [
      "responsive"
    ],
    flexShrink: [
      "responsive"
    ],
    flexWrap: [
      "responsive"
    ],
    float: [
      "responsive"
    ],
    clear: [
      "responsive"
    ],
    fontFamily: [
      "responsive"
    ],
    fontSize: [
      "responsive"
    ],
    fontSmoothing: [
      "responsive"
    ],
    fontVariantNumeric: [
      "responsive"
    ],
    fontStyle: [
      "responsive"
    ],
    fontWeight: [
      "responsive",
      "hover",
      "focus"
    ],
    height: [
      "responsive"
    ],
    inset: [
      "responsive"
    ],
    justifyContent: [
      "responsive"
    ],
    justifyItems: [
      "responsive"
    ],
    justifySelf: [
      "responsive"
    ],
    letterSpacing: [
      "responsive"
    ],
    lineHeight: [
      "responsive"
    ],
    listStylePosition: [
      "responsive"
    ],
    listStyleType: [
      "responsive"
    ],
    margin: [
      "responsive"
    ],
    maxHeight: [
      "responsive"
    ],
    maxWidth: [
      "responsive"
    ],
    minHeight: [
      "responsive"
    ],
    minWidth: [
      "responsive"
    ],
    objectFit: [
      "responsive"
    ],
    objectPosition: [
      "responsive"
    ],
    opacity: [
      "responsive",
      "hover",
      "focus"
    ],
    order: [
      "responsive"
    ],
    outline: [
      "responsive",
      "focus"
    ],
    overflow: [
      "responsive"
    ],
    overscrollBehavior: [
      "responsive"
    ],
    padding: [
      "responsive"
    ],
    placeContent: [
      "responsive"
    ],
    placeItems: [
      "responsive"
    ],
    placeSelf: [
      "responsive"
    ],
    placeholderColor: [
      "responsive",
      "focus"
    ],
    placeholderOpacity: [
      "responsive",
      "focus"
    ],
    pointerEvents: [
      "responsive"
    ],
    position: [
      "responsive"
    ],
    resize: [
      "responsive"
    ],
    space: [
      "responsive"
    ],
    stroke: [
      "responsive"
    ],
    strokeWidth: [
      "responsive"
    ],
    tableLayout: [
      "responsive"
    ],
    textAlign: [
      "responsive"
    ],
    textColor: [
      "responsive",
      "hover",
      "focus"
    ],
    textOpacity: [
      "responsive",
      "hover",
      "focus"
    ],
    textDecoration: [
      "responsive",
      "hover",
      "focus"
    ],
    textTransform: [
      "responsive"
    ],
    userSelect: [
      "responsive"
    ],
    verticalAlign: [
      "responsive"
    ],
    visibility: [
      "responsive"
    ],
    whitespace: [
      "responsive"
    ],
    width: [
      "responsive"
    ],
    wordBreak: [
      "responsive"
    ],
    zIndex: [
      "responsive"
    ],
    gap: [
      "responsive"
    ],
    gridAutoFlow: [
      "responsive"
    ],
    gridTemplateColumns: [
      "responsive"
    ],
    gridAutoColumns: [
      "responsive"
    ],
    gridColumn: [
      "responsive"
    ],
    gridColumnStart: [
      "responsive"
    ],
    gridColumnEnd: [
      "responsive"
    ],
    gridTemplateRows: [
      "responsive"
    ],
    gridAutoRows: [
      "responsive"
    ],
    gridRow: [
      "responsive"
    ],
    gridRowStart: [
      "responsive"
    ],
    gridRowEnd: [
      "responsive"
    ],
    transform: [
      "responsive"
    ],
    transformOrigin: [
      "responsive"
    ],
    scale: [
      "responsive",
      "hover",
      "focus"
    ],
    rotate: [
      "responsive",
      "hover",
      "focus"
    ],
    translate: [
      "responsive",
      "hover",
      "focus"
    ],
    skew: [
      "responsive",
      "hover",
      "focus"
    ],
    transitionProperty: [
      "responsive"
    ],
    transitionTimingFunction: [
      "responsive"
    ],
    transitionDuration: [
      "responsive"
    ],
    transitionDelay: [
      "responsive"
    ],
    animation: [
      "responsive"
    ]
  },
  corePlugins: {},
  plugins: []
}
